<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>劳动教育主题网站</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../style.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#E63946', // 柔和红色
                        secondary: '#1D3557', // 深蓝色
                        light: '#F1FAEE', // 浅色背景
                        accent: '#A8DADC', // 浅蓝色
                        neutral: '#457B9D', // 中性色
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .nav-link {
                @apply block py-2 px-4 rounded-md transition-all duration-300 hover:bg-primary/10 hover:text-primary;
            }
            .nav-link.active {
                @apply bg-primary/10 text-primary font-medium;
            }
            .section-card {
                @apply bg-white rounded-xl shadow-lg p-6 transition-all duration-300 hover:shadow-xl;
            }
            /* 新增社交图标组悬停效果 */
            .social-icon-group:hover .wechat-qrcode,
            .social-icon-group:hover .weibo-qrcode,
            .wechat-qrcode:hover,
            .weibo-qrcode:hover {
                @apply opacity-100 visible pointer-events-auto;
            }      
        }
    </style>
</head>

<body class="bg-light min-h-screen flex flex-col">
    <!-- 头部区域 -->
    <header class="h-[8rem] bg-gradient-to-r from-primary/90 to-secondary/90 text-white shadow-md">
        <div class="container mx-auto px-4 h-full flex items-center justify-between">
            <div class="flex items-center space-x-3">
                <img src="../../主页/img/image.png" alt="" class="w-[33vw] mx-4 object-contain">
                <h1 class="text-2xl md:text-3xl font-bold tracking-tight">劳动教育<span class="text-accent">实践平台</span></h1>
            </div>
            <nav class="hidden md:flex space-x-8 items-center">
                <!-- 添加text-lg md:text-xl类调整字体大小 -->
                <a href="../../主页/layout.html"
                    class="text-lg md:text-xl font-bold text-white hover:text-accent transition-colors duration-300">首页</a>
                <a href="../../活动报道/近期活动.html"
                    class="text-lg md:text-xl font-bold text-white hover:text-accent transition-colors duration-300">活动报道</a>
                <a href="../../专业劳动案例/优秀案例.html"
                    class="text-lg md:text-xl font-bold text-white hover:text-accent transition-colors duration-300">专业劳动案例</a>
                <a href="../../学生心得/学生心得.html"
                    class="text-lg md:text-xl font-bold text-white hover:text-accent transition-colors duration-300">学生心得</a>
            </nav>

            <button class="md:hidden text-white text-2xl">
                <i class="fa-solid fa-bars"></i>
            </button>
        </div>
    </header>

    <!-- 主要内容区域 -->
    <article class="flex-grow flex flex-col md:flex-row container mx-auto px-4 py-6 gap-6">
        <!-- 左侧导航栏 -->
        <aside class="w-full md:w-auto bg-white rounded-xl shadow-md p-4 shrink-0">
            <ul class="space-y-1 min-w-[180px] sticky top-4">
                <li><a href="../优秀案例.html" class="nav-link active flex items-center"><i
                            class="fa-solid fa-book mr-2"></i>优秀案例</a></li>
                <li><a href="../成果展示.html" class="nav-link  flex items-center"><i
                            class="fa-solid fa-calendar mr-2"></i>成果展示</a></li>
                <!-- <li><a href="#" class="nav-link flex items-center"><i class="fa-solid fa-calendar mr-2"></i>实践活动</a></li>
                <li><a href="#" class="nav-link flex items-center"><i class="fa-solid fa-trophy mr-2"></i>学生作品</a></li>
                <li><a href="#" class="nav-link flex items-center"><i class="fa-solid fa-question-circle mr-2"></i>常见问题</a></li>
                <li><a href="#" class="nav-link flex items-center"><i class="fa-solid fa-envelope mr-2"></i>联系我们</a></li> -->
            </ul>
        </aside>

        <!-- 中间内容区 -->
        
        <section class="flex-grow space-y-6  bg-white rounded-xl shadow-md p-6">
            <div class="section-card">
                <!-- 原有内容保持不变 -->

                <div class="right-content">
                    <div class='wp_articlecontent'>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;background-color:#ffffff;text-align: center;">

                                <span style="box-sizing:border-box;font-size:20px;font-weight: 800;">践行劳动教育，创建文明宿舍<br
                                        style="box-sizing:border-box;" /></span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">

                                <span
                                    style="box-sizing:border-box;text-indent:43px;caret-color:red;font-family:仿宋;font-size:18px;">坚持以习近平新时代中国特色社会主义思想为指导，全面贯彻党的教育方针，大力培育和践行社会主义核心价值观，弘扬勤俭、奋斗、创新、奉献的劳动精神。积极探索劳动教育新模式，把劳动教育纳入人才培养全过程，充分发挥劳动教育的综合育人作用，培养德智体美劳全面发展的社会主义建设者和接班人。学院结合文明宿舍创建，组织学生对宿舍进行卫生大扫除，并组织辅导员、宿管员和学生干部对宿舍卫生大清扫情况进行集中检查，“劳动是什么？许多人认为劳动是累的苦的，其实这只是劳动的障眼法，劳动是甜的是快乐的！”2021级大数据与会计5班周欣欣在每周卫生打卡图片上写下了这样一段话。<br
                                        style="box-sizing:border-box;" /></span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-size:20px;"><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">一、通知工作</span></strong><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">——“宿舍安全卫生劳动教育”
                                            主题活动</span></strong></span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-family:仿宋;font-size:18px;">为进一步加强疫情防控期间<span
                                        style="box-sizing:border-box;">宿舍管理工作，规范学生行为。202</span>2年4月29日，会计学院大一年级宿管干部积极响应学工办老师关于劳动周规定，<span
                                        style="box-sizing:border-box;">走进学生宿舍，进行了一次“宿舍安全卫生劳动教育”活动</span>，提醒学生整理内务，做文明勤劳新青年。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:center;line-height:3em;margin-bottom:0px;">
                                <img data-type="image" data-mid="31145" border="0" 
                                    style="box-sizing:border-box;border:0px;max-width:100%;" />
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-size:20px;"><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">二、积极行动</span></strong><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">——开展劳动教育系列活动之寝室卫生大扫除</span></strong></span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">为创造整洁的寝室生活环境，打造和谐的寝室氛围，会计学院各专业于4<span
                                        style="box-sizing:border-box;">月2</span>9日开展了寝室大扫除活动。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">本次劳动教育活动是新学期的大型活动，各年级结合学院安排，在寝室长的带领下开展卫生大扫除。在活动过程中，同学们分工有序，对寝室的地板、柜子、桌子等区域进行了彻底打扫。同学们发扬不怕脏、不怕累的工作精神，积极认真地为宿舍洁净尽自己最大一份力量。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:center;line-height:3em;margin-bottom:0px;text-align: center;">
                                <img data-type="image" data-mid="31147" border="0" src="../../活动报道/img/宿舍1.png"
                                    style="box-sizing:border-box;border:0px;caret-color:red;" />
                            </p>
                            
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-size:20px;"><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">三、验收工作</span></strong><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">——</span></strong><strong
                                        style="box-sizing:border-box;"><span
                                            style="box-sizing:border-box;font-family:仿宋;">会计学院开展宿舍安全卫生检查</span></strong></span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">为积极落实新时代劳动教育的主要使命、引导学生牢固确立劳动最光荣、劳动最崇高、劳动最伟大、劳动最美丽的劳动价值观，并进一步加强学生宿舍安全教育和管理，消除安全隐患，营造整洁宿舍环境，5月1日下午，在宿管部干部的带领下进行全面检查。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">本次学生宿舍安全卫生检查重点围绕学生宿舍卫生、用电安全、使用违章电器、饲养宠物等情况开展，具有较强的针对性和目的性，检查人员对学生宿舍认真巡查，细心检查所有可能发生的安全隐患，以查促改，防患未然。在检查中提醒同学们要注意个人卫生，保持宿舍通风，加强体育锻炼和个人防护。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">通过检查发现，大多数学生寝室卫生干净、被褥整齐、书桌整洁，窗明几净。少数寝室存在通风状况不好、物品摆放不整齐或宿舍内垃圾没有及时扔掉的情况，针对这些宿舍，评审小组要求他们及时改进。</span>
                            </p>
                            
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;text-align:justify;text-indent:2em;caret-color:red;">新学期，新风貌。通过此次活动，让寝室环境焕然一新。这充分展现了同学们的良好精神面貌，提高了同学们的卫生意识，让同学们拥有了一个优美的生活环境，同时也增进了寝室各成员之间的沟通与交流。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:justify;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span
                                    style="box-sizing:border-box;font-family:仿宋;font-size:18px;">近年来，为全面落实全国教育大会精神，洛阳职业技术学院把劳动教育纳入人才培养全过程，<span
                                        style="box-sizing:border-box;">以生活劳动引导学生“</span>劳动淬炼成长，实践创造幸福”，以文化浸润激励学生“爱劳动”，力求实现劳动教育与专业教育、学生素质拓展的有机融合。下一步，学院将继续加强和改进新时代劳动教育，深入推进“三全育人”综合改革，坚持“五育”并举，积极探索构建劳动教育新模式，引导学生树立正确的劳动观，努力成长为担当民族复兴大任的时代新人。</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:right;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-family:仿宋;font-size:18px;">洛阳职业技术学院</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:right;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-family:仿宋;font-size:18px;">会计学院宿管部</span>
                            </p>
                            <p
                                style="box-sizing:border-box;margin-top:0px;padding:0px;color:#646363;font-size:16px;letter-spacing:1.5px;text-wrap:wrap;background-color:#ffffff;text-align:right;text-indent:2em;line-height:3em;margin-bottom:0px;">
                                <span style="box-sizing:border-box;font-family:仿宋;font-size:18px;">2021年5月1日</span>
                            </p>
                            <p><br /></p>
                        </div>
                </div>
            </div>
        </section>
    </article>

    <!-- 页脚区域 -->
    <footer class="bg-gradient-to-r from-primary/90 to-secondary/90 pt-6 mt-auto">  <!-- 修改为pt-6并添加mt-auto -->
        <div class="container mx-auto px-4" style="display: flex; justify-content: center;">
            <div class="flex flex-col items-center space-y-4 pb-4">  <!-- 修改为items-center -->
                <!-- 社交链接 -->
                <div class="flex space-x-8 justify-start">
                    <div class="social-icon-group relative">
                        <a href="#" class="text-white hover:text-accent transition-colors duration-300 flex flex-col items-center">
                            <i class="fa-brands fa-weixin text-2xl"></i>
                            <span class="text-sm mt-1">微信公众号</span>
                        </a>
                        <div class="wechat-qrcode absolute bottom-full left-1/2 -translate-x-1/2 mb-2 bg-white p-3 rounded-lg shadow-xl opacity-0 invisible transition-all duration-300 pointer-events-none w-32 z-50">
                            <img src="../../主页/img/wechat.png" alt="微信公众号" class="w-full h-auto object-cover">
                            <div class="text-sm text-center text-gray-700 mt-2">扫码关注公众号</div>
                        </div>
                    </div>
                    
                    <div class="social-icon-group relative">
                        <a href="#" class="text-white hover:text-accent transition-colors duration-300 flex flex-col items-center">
                            <i class="fa-brands fa-weibo text-2xl"></i>
                            <span class="text-sm mt-1">官方微博</span>
                        </a>
                        <div class="weibo-qrcode absolute bottom-full left-1/2 -translate-x-1/2 mb-2 bg-white p-3 rounded-lg shadow-xl opacity-0 invisible transition-all duration-300 pointer-events-none w-32 z-50">
                            <img src="../../主页/img/weibo.png" alt="官方微博" class="w-full h-auto object-cover">
                            <div class="text-sm text-center text-gray-700 mt-2">关注官方微博</div>
                        </div>
                    </div>
                </div>

                <!-- 版权信息 -->
                <div class="flex justify-center gap-8 pb-2">  <!-- 修改为justify-center -->
                    <div class="text-sm text-white">
                        &copy; 2025 劳动教育实践平台 - 版权所有 
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // 导航栏滚动效果
        window.addEventListener('scroll', function () {
            const header = document.querySelector('header');
            if (window.scrollY > 50) {
                header.classList.add('bg-primary/95', 'shadow-lg');
                header.classList.remove('bg-gradient-to-r', 'from-primary/90', 'to-secondary/90');
            } else {
                header.classList.remove('bg-primary/95', 'shadow-lg');
                header.classList.add('bg-gradient-to-r', 'from-primary/90', 'to-secondary/90');
            }
        });

        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>
</body>

</html>